.maps .background {
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#FFFFFA), to(#EEE8E2));
}

.maps .gloss {
    display: none;
}

.maps .streets {
    position: relative;
}

.maps .streets .white {
    position: absolute;
    width: 2em;
    height: 2em;
    border: 2em solid #c4bcac;
    background: #ffffff;
}

.maps .streets .white.vertical {
    border-radius: 4em;
}

.maps .streets .white.horizontal {
    border-left: 0em;
    border-right: 0em;
}

.maps .streets .white.vertical.a {
    left: 7em;
    top: 50em;
    height: 46em;
}

.maps .streets .white.vertical.b {
    left: 50em;
    top: 40em;
    height: 56em;
}

.maps .streets .white.vertical.c {
    left: 68em;
    top: 50em;
    height: 46em;
}

.maps .streets .white.vertical.d {
    left: 84em;
    top: 2em;
    height: 94em;
}

.maps .streets .white.horizontal.e {
    left: 0em;
    top: 54em;
    width: 9em;
}

.maps .streets .white.horizontal.f {
    left: 11em;
    top: 54em;
    width: 41em;
}

.maps .streets .white.horizontal.g {
    left: 54em;
    top: 54em;
    width: 16em;
}

.maps .streets .white.horizontal.h {
    left: 72em;
    top: 54em;
    width: 14em;
}

.maps .streets .white.horizontal.i {
    left: 88em;
    top: 54em;
    width: 12em;
}

.maps .streets .white.horizontal.j {
    left: 88em;
    top: 62em;
    width: 12em;
}

.maps .streets .white.horizontal.k {
    left: 54em;
    top: 65em;
    width: 16em;
}

.maps .streets .white.horizontal.l {
    left: 72em;
    top: 65em;
    width: 14em;
}

.maps .streets .white.horizontal.m {
    left: 54em;
    top: 72em;
    width: 16em;
}

.maps .streets .white.horizontal.n {
    left: 72em;
    top: 72em;
    width: 14em;
}

.maps .streets .white.horizontal.o {
    left: 88em;
    top: 72em;
    width: 12em;
}

.maps .streets .white.horizontal.p {
    left: 54em;
    top: 81em;
    width: 16em;
}

.maps .streets .white.horizontal.q {
    left: 72em;
    top: 81em;
    width: 14em;
}

.maps .streets .white.horizontal.r {
    left: 11em;
    top: 90em;
    width: 41em;
}

.maps .streets .white.horizontal.s {
    left: 54em;
    top: 90em;
    width: 16em;
}

.maps .streets .white.horizontal.t {
    left: 72em;
    top: 90em;
    width: 14em;
}

.maps .streets .yellow-street-border {
    position: absolute;
    left: 16em;
    top: 0em;
    width: 16em;
    height: 100em;
    background: rgba(0, 0, 0, 0.1);
}

.maps .streets .yellow {
    position: absolute;
    left: 18em;
    top: 0em;
    width: 12em;
    height: 100em;
    background: #ffff00;
}

.maps .streets .orange {
    position: absolute;
    left: 0em;
    top: 25em;
    width: 100em;
    height: 11em;
    background: #ffc000;
    border-top: 2em solid rgba(0, 0, 0, 0.1);
    border-bottom: 2em solid rgba(0, 0, 0, 0.1);
}

.maps .road-sign {
    position: relative;
    left: 42em;
    top: 7em;
    width: 46em;
    height: 40em;
}

.maps .road-sign-top {
    width: 100%;
    height: 33%;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF5555), to(#FF2828));
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
}

.maps .road-sign-top:before {
    position: absolute;
    left: 5em;
    width: 19em;
    height: 6em;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F7F2), to(#F4F1EB));
    content: "\00a0";
    border-bottom-left-radius: 100% 50%;
    border-bottom-right-radius: 100% 50%;
    box-shadow: 0em 1em 1em rgba(255, 255, 255, 0.5);
}

.maps .road-sign-top:after {
    position: absolute;
    left: 23em;
    width: 19em;
    height: 6em;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F7F2), to(#F4F1EB));
    content: "\00a0";
    border-bottom-left-radius: 100% 50%;
    border-bottom-right-radius: 100% 50%;
    box-shadow: 0em 1em 1em rgba(255, 255, 255, 0.5);
}

.maps .road-sign-bottom {
    position: absolute;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4378F7), to(#2F54AF));
    color: #fff;
    font-family: "MyriadPro-Boldcond";
    font-size: 14em;
    line-height: 1.4em;
    text-align: center;
    border-top: .14em solid #ffc0ce;
    border-bottom-left-radius: 200% 180%;
    border-bottom-right-radius: 200% 180%;
    box-shadow: 0em .07em 0em rgba(0, 0, 0, 0.5);
}

.maps .pin {
    position: relative;
}

.maps .pin-top {
    position: absolute;
    left: 16em;
    top: 12em;
    width: 16em;
    height: 16em;
    background: -webkit-gradient(radial, 40% 30%, 1, 48% 40%, 15, from(#FBFEFD), to(#F06060), color-stop(.4,#F23039), color-stop(.8,#C61928), color-stop(.9,#f03030));
    border-radius: 50%;
    box-shadow: inset -2em -8em 6em rgba(0, 0, 0, 0.3);
}

.maps .pin-rod {
    position: absolute;
    left: 22em;
    top: 28em;
    width: 4em;
    height: 17em;
    background: -webkit-gradient(linear, 20% 0%, 80% 0%, from(#F0F0E0), to(#c4c4b4), color-stop(.4,#545444));
    border-left: 1em solid #a6a4a0;
    border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%;
}

.maps .pin-hole {
    position: absolute;
    left: 20em;
    top: 42em;
    width: 8em;
    height: 4em;
    background: #333;
    border-radius: 50%;
    box-shadow: 0em 1em 1em #fff;
}

.maps .pin-head-shadow {
    position: absolute;
    left: 20em;
    top: 18em;
    width: 16em;
    height: 8em;
    border-radius: 50%;
    box-shadow: 11em 11em 3em rgba(0, 0, 0, 0.4);
}

.maps .pin-rod-shadow {
    position: absolute;
    left: 29em;
    top: 18em;
    width: 4em;
    height: 14em;
    -webkit-transform: rotate(46deg);
    box-shadow: 11em 11em 2.5em rgba(0, 0, 0, 0.3);
}
